<template>
	<view class="search" :style="widthStyle">
		<u-search @click="handleClick" :placeholder="props.placeholder" :showAction="false" :disabled="true" height="25"
			bgColor="transparent" searchIconColor="#fff" placeholderColor="#fff"></u-search>
	</view>
</template>

<!-- 首页标题搜索 -->
<script setup>
	import {
		useAppStore
	} from '@/store/app.js'
	import {
		computed
	} from 'vue'
	const appStore = useAppStore()
	const props = defineProps({
		disabled: {

		},
		placeholder: {
			default: '商品'
		}
	})
	const widthStyle = computed(() => {
		return {
			width: (appStore.left - 30) + 'px'
		}
	})
	const emits = defineEmits(['click'])
	const handleClick = () => {
		emits('click')
	}
</script>

<style lang="scss">
	.search {
		height: 25px;
		// width: 235px;
		background: rgba(255, 255, 255, 0.71);
		border-radius: 13px;


	}
</style>